<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手机号码验证</title>
<style type="text/css">
.box{width:1000px;height:500px;margin:0 auto;}
.tr{width:100%;height:40px;float:left;}
.td1{width:30%;float:left;}
.td2{width:70%;float:left;}
.td3{width:70%;float:left;}
</style>

<link rel="stylesheet" type="text/css" href="css/skin.css" />
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/vdform_1.js"></script>
</head>

<body>

<br /><br />

<h2 style="display:block; text-align:center;"></h2>
<div>
  <form id="testform" action="" method="post">
 <div class="box">
      <div class="tr">
        <div class="td1"> 真实姓名:</div>
        <div class="td2"><input  type="text" name="Name"   validata-options="validType:'Require|Chinese',msg:'不能为空|真实姓名只允许中文,并且大于两个字'"></div>
      </div>
      
       <div class="tr">
        <div class="td1"> 手机:</div>
        <div class="td2"><input  type="tell" name="Mobile"   validata-options="required:false,validType:'Mobile',msg:'手机号码不正确'"></div>
      </div>
       <div class="tr">
        <div class="td1"> 手机:</div>
        <div class="td3" id="pm2"><input  type="tell" name="pm2"></div>
      </div>
      
<!--       <div class="tr">
        <div class="td1"> 上传照片:</div>
        <div class="td2"><input  type="file" name="Name"  validata-options="validType:'Custom',regexp:'.+\.(jpg|jpeg|jpg|gif)$',msg:'只能上传jpg|jpeg|jpg|gif文件在'"></div>
      </div>-->
       <div class="tr">
        <div class="td1"><input name="Submit" type="submit" value="确定提交"></div>
        <div class="td2"></div>
      </div>
</div>      
  </form>
  <script>
		   $('#testform').checkForm();
		   $("#btn").click(function(){
		  $('#testform').submit();
		});
	</script>
</div>
</body>
</html>
